<template>
    <div class="factory">
        <Header/>
         <div class="second_show">
             <div class="img"></div>
             <div class="pages_w1470">
                 <div class="second_show_text factory" v-if="menudatalist">
                     <div class="second-title">
                         <p class="en">{{menudata.alias}}</p>
                         <p class="cn">{{menudata.name}}</p>
                     </div>
                     <div class="text" v-html="menudata.content"></div>
                 </div>
             </div>
             <i class="tips"></i>
         </div>
         <div class="second_box pa-tb-5" v-if="menudatalist">
             <img src="../assets/images/s2.png" class="strengths-r">
             <img src="../assets/images/s2.png" class="strengths-l">
             <div class="pages_w1470 web_lr">
                 <div class="second-title opacityli" data-uk-scrollspy="{cls:'uk-animation-slide-top',delay:300}">
                     <p class="en">{{menudatalist[0].alias}}</p>
                     <p class="cn">{{menudatalist[0].name}}</p>
                 </div>
                 <div class="opacitybox" data-uk-scrollspy="{cls:'uk-animation-slide-top', target:'> .strengths_li', delay:300}">
                     <!--strengths_li-->

                    <div class="strengths_li fl-clr">
                        <div class="box">
                             <div class="dd" v-for="(item,index) in menudatalist[0].data" :key="index" v-show="index==0||index==1">
                                 <img :src="$store.state.domain+item.pic">
                                 <p class="title">{{item.name}}</p>
                                 <div class="txt" v-html="item.info"></div>
                             </div>
                        </div>
                        <div class="box"><i class="imgshow scale"><img :src="this.$store.state.domain+menudatalist[0].imgs[0]"></i>
                        </div>
                    </div>
                     <!--strengths_li-->
                    <div class="strengths_li fl-clr">
                        <div class="box">
                            <div class="dd" v-for="(item,index) in menudatalist[0].data" :key="index" v-show="index==2||index==3">
                                <img :src="$store.state.domain+item.pic">
                                <p class="title">{{item.name}}</p>
                                <div class="txt" v-html="item.info"></div>
                            </div>
                        </div>
                        <div class="img"><i class="imgshow scale"><img :src="this.$store.state.domain+menudatalist[0].imgs[1]"></i>
                        </div>
                    </div>

                     <!--strengths_li-->
                    <div class="strengths_li fl-clr">
                        <div class="box">
                             <div class="dd" v-for="(item,index) in menudatalist[0].data" :key="index" v-show="index==4||index==5">
                                 <img :src="$store.state.domain+item.pic">
                                 <p class="title">{{item.name}}</p>
                                 <div class="txt" v-html="item.info"></div>
                             </div>
                        </div>
                        <div class="box"><i class="imgshow scale"><img :src="this.$store.state.domain+menudatalist[0].imgs[2]"></i>
                        </div>
                    </div>
                     <!--strengths_li-->
                    <div class="strengths_li fl-clr">
                        <div class="box">
                            <div class="dd" v-for="(item,index) in menudatalist[0].data" :key="index" v-show="index==6||index==7">
                                <img :src="$store.state.domain+item.pic">
                                <p class="title">{{item.name}}</p>
                                <div class="txt" v-html="item.info"></div>
                            </div>
                        </div>
                        <div class="img"><i class="imgshow scale"><img :src="this.$store.state.domain+menudatalist[0].imgs[3]"></i>
                        </div>
                    </div>

                     <!--strengths_li-->
                     <div class="strengths_li fl-clr">
                        <div class="box">
                             <div class="dd" v-for="(item,index) in menudatalist[0].data" :key="index" v-show="index==8||index==9">
                                 <img :src="$store.state.domain+item.pic">
                                 <p class="title">{{item.name}}</p>
                                 <div class="txt" v-html="item.info"></div>
                             </div>
                        </div>
                        <div class="box"><i class="imgshow scale"><img :src="this.$store.state.domain+menudatalist[0].imgs[4]"></i>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
         <!--<div class="second_box" v-if="menudatalist">
              <div class="pages_w1470">
                  <div class="second-title align-r">
                     <p class="en">{{menudatalist[1].alias}}</p>
                     <p class="cn">{{menudatalist[1].name}}</p>
                  </div>
              </div>
              <img src="../assets/images/process-l.png" class="process-l">
              <div class="process-box">
                  <img :src="this.$store.state.domain+menudatalist[1].pic" width="100%">
              </div>
         </div>-->

        <Footer/>

    </div>
</template>

<script>
import Header from '../components/Header.vue'
import Footer from '../components/Footer.vue'
export default {
    components: {
        Footer,Header
    },
    computed: {

        menudata() {
            if(JSON.stringify(this.$store.getters.getmenudata(5)).length>100){
                return this.$store.getters.getmenudata(5)
            }else{
                return false
            }
        },
        menudatalist() {
            if(JSON.stringify(this.$store.getters.getmenudatalist(5)).length>100){
                return this.$store.getters.getmenudatalist(5)
            }else{
                return false
            }
        },
        menulistconfig() {
            return this.$store.getters.getmenuconfig
        }
    },
    mounted () {
        $('.second_show .tips').fadeIn(1000)
        $('.second_show').addClass("show")
    }
}
</script>
